<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
		<link rel="shortcut icon" href="img/qzt_short.ico">
		<title>全诊通</title>
		<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/pc/login/login.css?V0.1.1"/>");</style>
		
		<style type="text/css">
			body{
				padding-top: 0px;
			}
		</style>
	</head>
	<body style="background: #fff;">
		<!-- Preloader -->
	    <div class="animationload">
	        <div class="loader">
	            Loading...
	        </div>
	    </div> 
	    <!-- End Preloader -->
		<div class="bg_img">
			<div class="row">
				<div class="col-xs-12 text-right" style="margin-top: 5px;padding-right:5px;color: white; font-size: 14px;">
					推荐使用：谷歌浏览器(Windows 
					<a style="color: white;" href="https://wenuan-tools.oss-cn-hangzhou.aliyuncs.com/software/chrome-win32.exe">32位</a>
					|
					<a style="color: white;" href="https://wenuan-tools.oss-cn-hangzhou.aliyuncs.com/software/chrome-win64.exe">64位</a>
					下载 / 
					<a style="color: white;" href="https://wenuan-tools.oss-cn-hangzhou.aliyuncs.com/software/chrome-mac.dmg">Mac</a>
					下载)  推荐屏幕分辨率1440*900, 10M以上宽带
				</div>
			</div>
			
			<div class="row">
				<div class="col-md-12 col-sm-12 hidden-xs">
					<p class="platform_name">杭州市上城区医疗服务多元化监管平台</p>
				</div>
			</div>
			<div class="info-input-area" style="margin-top: 5%;">
				<div class="row">
					<div class="col-md-offset-7 col-md-3 col-sm-offset-3 col-sm-6 col-xs-12 text-center">
						<div class="col-xs-11" style="background-color: #184EAE;box-sizing: border-box; border: 1px solid dodgerblue">
							<div class="row" style="margin-top: 3%;">
								<div class="col-xs-12" style="background-color: inherit; padding: 10px">
									<div class="panel" style="background-color: inherit; margin: 0 !important;">
										<h3 class="modal-title text-center" style="color: white; letter-spacing: 1px; text-indent: 1px">请登录</h3>
										<div class="panel-body" style="padding: 0">
											<div class="row_input" style="margin-top: 20px">
												<div class="col-xs-2" style="color: white; text-align: right; padding: initial">账号</div>
												<div class="col-xs-9">
													<input class="form-control" id="login_user" type="text" maxlength="50">
												</div>
											</div>
											<div class="row_input" style="margin-top: 10px">
												<div class="col-xs-2" style="color: white; text-align: right; padding: initial">密码</div>
												<div class="col-xs-9">
													<input class="form-control" id="login_pw" type="password">
												</div>
											</div>
											<div id="phonenumRow" class="row_input" style="margin-top: 10px; display: none">
												<div class="col-xs-2" style="color: white; text-align: right; padding: initial">手机号</div>
												<div class="col-xs-9">
													<input class="form-control" id="phonenum" type="text" maxlength="11">
												</div>
											</div>
											<div id="verifyCodeRow" class="row_input" style="margin-top: 10px; display: none">
												<div class="col-xs-2" style="color: white; text-align: right; padding: initial">验证码</div>
												<div class="col-xs-9">
													<div class="input-group">
														<input  class="form-control" id="verifyCode" maxlength="4" type="text" style="width: 90%">
														<span class="input-group-btn">
														<button id="getVerifyCode" class="btn" type="button">获取验证码</button>
													</span>
													</div>
												</div>
											</div>
											<%--<div class="row" style="margin-top: 15px;">
                                                <div class="col-xs-offset-2 col-xs-4" style="padding-left: initial; padding-right: initial;">
                                                    <input id="password_remember" style="position: relative;top: 2px;" type="checkbox" >&nbsp;&nbsp;<label for="password_remember">记住密码</label>
                                                </div>
                                            </div>--%>

											<div class="row_input" style="margin-top: 20px; margin-bottom: 20px">
												<div class="col-xs-11">
													<button id="login-btn" type="button">登  录</button>
												</div>
											</div>

											<c:if test="${not empty timeout }">
												<div class="row" style="margin-top: 15px;">
													<div class="col-xs-12" style="padding-left: initial; padding-right: initial;">
														<div class="alert alert-danger" style="margin-bottom: initial;">页面超时，请重新登录</div>
													</div>
												</div>
											</c:if>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
			
		<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/login/login.js?v0.3"/>" type="text/javascript"></script>
	</body>
</html>